.card-size {
  /*flex: 0 1 1536px;*/
  width: 100%;
  max-width: 1536px;
  /*max-width: 95%;*/
}

.my-mat-card {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #FFFFFF;
  z-index: 0;

  &:hover {
    background: #FFFFFF;
  }

  &:focus {
    background: #FFFFFF;
    border-color: #000000;
  }
}

.box-shadow {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);

  &:hover {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4), 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  }

  &:focus {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4), 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  }
}
